<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="renderer" content="webkit">
  <meta name="force-rendering" content="webkit">
  <meta name="keywords" content="数字协会、数字组织、组织数字化、数字化商会、数字化商协会、数字社团、社会组织数字化转型、社会化数字组织、数字化转型协会、数字化转型组织、社会组织数字化、社会组织数字化建设"/>
  <meta name="description" content="益魔方数字协会平台， 一个致力于协会规范化、标准化、数字化建设的综合服务平台，主要解决社会组织、商会、协会的数字化、数字化转型、数字化建设等服务，打造基于数据共享的社会组织场景化服务生态系统"/>
  <meta name="baidu-site-verification" content="codeva-KAOafwu4Hm" />
  <title>益魔方-社会组织会员管理系统</title>
  <link rel="stylesheet" href="/Style/new/css/swiper-bundle.min.css">
  <link rel="stylesheet" href="/Style/new/font/iconfont.css">
  <link rel="stylesheet" href="/Style/new/css/common.css">
  <link rel="stylesheet" href="/Style/new/css/index.css">
</head>
<body>
<!--  头部  -->
<div class="pate-header"><div class="header-warpper flex align-center justify-between">
  <div class="header-logo flex align-center">
    <img alt="益魔方社会组织数字化平台" class="logo" src="/Style/new/images/logo.png">
  </div>
  <div class="nav">
    <a href="/index.php/home/Index/index" class="nav-tex active"><i class="iconfont iconshouye"></i>首页</a>
    <a href="/index.php/home/Index/product" class="nav-tex "><i class="iconfont iconchanpin"></i>产品</a>
    <a href="/index.php/home/Index/cases" class="nav-tex "><i class="iconfont iconanliguanlixin"></i>案例</a>
    <a href="/index.php/home/Index/price" class="nav-tex "><i class="iconfont iconjiageguanxiguanli"></i>价格</a>
    <a href="/index.php/home/Index/school" class="nav-tex "><i class="iconfont iconinterinformation"></i>商学院</a>
    <a href="/index.php/home/Index/information" class="nav-tex "><i class="iconfont iconjinrongzixun"></i>资讯</a>
    <a href="/index.php/home/Index/cooperate" class="nav-tex "><i class="iconfont iconhezuo"></i>合作</a>
    <a href="javascript:alert('敬请期待...')" class="nav-tex"><i class="iconfont iconyingyongshichang-"></i>应用市场</a>
  </div>
  <div class="header-login flex align-center">
    <!--   登录   -->
    <div style="display: none;" class="login-box flex align-center justify-between" id="login">
        <a href="https://www.emof.cn/vw/home" class="login-btn login-btn3">进入系统</a>
    </div>
    <!--   未登录   -->
    <div style="display: none;" class="login-box flex align-center justify-between" id="nologin">
        <a href="https://www.emof.cn/vw/login" class="login-btn">登录</a>
        <i></i>
        <div class="login-btn yuyue">免费试用</div>
    </div>
  </div>
</div>
<script src="/Style/new/lib/jquery-2.1.4.min.js"></script>
<script>
  var user = JSON.parse(localStorage.getItem("user"));
  // console.log(user.mnickname);
  if (user) {
    $('#login').show();
    $('#nologin').hide();
    $('#snologin').show();
    $('#sislogin').hide();
  }else {
    $('#nologin').show();
    $('#login').hide();
    $('#sislogin').show();
    $('#snologin').hide();
  }
</script>
</div>
<!--  banner  -->
<div class="banner">
  <div class="banner-swiper">
    <div class="swiper-container bigbanner">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <img src="/Style/new/images/banner1_00.png" alt="致力于社会组织规范化标准化数字化的综合服务平台">
        </div>
        <div class="swiper-slide">
          <img src="/Style/new/images/banner2_01.png" alt="互联网+社会服务的国家高新技术企业">
        </div>
        <div class="swiper-slide">
          <img src="/Style/new/images/banner1_01.png" alt="打造基于数字共享的场景化生态服务系统">
        </div>
      </div>
      <!-- 如果需要分页器 -->
      <div class="swiper-pagination bigbanner-pagination"></div>
    </div>
  </div>
  <div class="zixun">
    <img alt="通知" class="zx-img" src="/Style/new/images/tongzhi.png">
    <div class="zx-swiper">
      <div class="swiper-container listbanner">
        <div class="swiper-wrapper" id="notice">
                    <div class="swiper-slide">
            <a href="/index.php/home/Index/noticeDetail?id=23" class="zx-item" target="_blank">
              <h3 class="ovHide">益魔方社会组织数字化综合服务平台V2.0重磅来袭！</h3>
              <p class="ovHide">益魔方 一个致力于社会组织规范化、标准化、数字化建设的综合服务平台，打造基于数据共享的社会组织场景化服务生态系统</p>
            </a>
          </div>
                  </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination listbanner-pagination"></div>
      </div>
    </div>
    <a href="/home/index/notice.html" class="more"> 更多 >></a>
  </div>
</div>
<!--  您在组织管理中是否被这些问题困扰？  -->
<div class="wenti">
  <div class="wt-title">您在组织管理中是否被这些问题<span>困扰</span>？</div>
  <div class="wt-content">
    <img alt="问号" src="/Style/new/images/wenhao.png">
    <div class="wt-item one">
      <h3>
        信息管理难 <img alt="警告" src="/Style/new/images/gantanhao.png">
      </h3>
      <p>信息丢失、难以查找和共享</p>
    </div>
    <div class="wt-item two">
      <h3>
        提高效率难 <img alt="警告" src="/Style/new/images/gantanhao.png">
      </h3>
      <p>需要花费大量时间和资源来完成常规任务</p>
    </div>
    <div class="wt-item three">
      <h3>
        监督和评估难 <img alt="警告" src="/Style/new/images/gantanhao.png">
      </h3>
      <p>监督和评估过程可能会受到限制</p>
    </div>
    <div class="wt-item four left ">
      <h3>
        <img alt="警告" src="/Style/new/images/gantanhao.png"> 沟通和合作难
      </h3>
      <p>远程协作差，信息共享受到限制</p>
    </div>
    <div class="wt-item five left">
      <h3>
        <img alt="警告" src="/Style/new/images/gantanhao.png"> 资源管理难
      </h3>
      <p>日常资源管理更加复杂和容易出错</p>
    </div>
    <div class="wt-item six left">
      <h3>
        <img alt="警告" src="/Style/new/images/gantanhao.png"> 与合作伙伴互动难
      </h3>
      <p>难以建立有效的沟通和合作关系</p>
    </div>
    <div class="wt-item seven left">
      <h3>
        <img alt="警告" src="/Style/new/images/gantanhao.png"> 数据分析和决策支持难
      </h3>
      <p>无法对日常工作进行有效的留痕,无法基于数据做出明智的决策</p>
    </div>
  </div>
</div>
<!--  益魔方数字社团综合服务平台解决您全场景工作难题  -->
<div class="jiejue">
  <div class="j-title">益魔方数字社团综合服务平台<span>解决</span>您全场景工作难题</div>
  <div class="j-content">
    <div class="j-item pt0 pl0">
      <div class="j-img">
        <img alt="信息管理和存储" src="/Style/new/images/q1.png">
      </div>
      <div class="j-tit">
        信息管理和存储<b>信息管理和存储</b>
      </div>
      <div class="j-tex">
        能够有效地管理、存储和检索信息。这有助于减少纸质文件的使用，降低信息丢失的风险，并使信息共享更加容易和安全
      </div>
    </div>
    <div class="j-item pt0 ">
      <div class="j-img">
        <img alt="提高工作效率" src="/Style/new/images/q2.png">
      </div>
      <div class="j-tit">
        提高工作效率<b>提高工作效率</b>
      </div>
      <div class="j-tex">
        自动化和简化许多常规任务，如数据输入、报告生成和信息更新。这减少了手工工作的需要，提高了工作效率，使组织能够更多地关注核心任务和目标
      </div>
    </div>
    <div class="j-item pt0 pr0">
      <div class="j-img">
        <img alt="数据分析和决策支持" src="/Style/new/images/q3.png">
      </div>
      <div class="j-tit">
        数据分析和决策支持<b>数据分析和决策支持</b>
      </div>
      <div class="j-tex">
        允许组织收集和分析大量的数据。这有助于组织更好地了解他们的绩效，做出基于数据的决策，优化战略和计划
      </div>
    </div>
    <div class="j-item pl0">
      <div class="j-img">
        <img alt="监督和评估" src="/Style/new/images/q4.png">
      </div>
      <div class="j-tit">
        监督和评估<b>监督和评估</b>
      </div>
      <div class="j-tex">
        使得监督项目和活动的进展变得更加容易。实时数据和反馈帮助组织更好地了解项目的执行情况，及时做出调整，确保目标的达成
      </div>
    </div>
    <div class="j-item">
      <div class="j-img">
        <img alt="资源管理" src="/Style/new/images/q5.png">
      </div>
      <div class="j-tit">
        资源管理<b>资源管理</b>
      </div>
      <div class="j-tex">
        可以帮助组织更好地管理资源，包括资金、志愿者和时间。这有助于确保资源的高效利用，并提高了组织的可持续性
      </div>
    </div>
    <div class="j-item pr0">
      <div class="j-img">
        <img alt="改善沟通和合作" src="/Style/new/images/q6.png">
      </div>
      <div class="j-tit">
        改善沟通和合作<b>改善沟通和合作</b>
      </div>
      <div class="j-tex">
        可以促进内部团队之间的协作，同时也可以提供更好的渠道与捐助者、合作伙伴和社区等利益相关者进行互动
      </div>
    </div>
    <div class="j-item pl0 bb0">
      <div class="j-img">
        <img alt="提高透明度和问责制" src="/Style/new/images/q7.png">
      </div>
      <div class="j-tit">
        提高透明度和问责制<b>提高透明度和问责制</b>
      </div>
      <div class="j-tex">
        可以提高组织的透明度，让捐助者和社会更容易跟踪和评估组织的活动和支出，增强了组织的问责制
      </div>
    </div>
    <div class="j-item bb0">
      <div class="j-img">
        <img alt="扩大影响力" src="/Style/new/images/q8.png">
      </div>
      <div class="j-tit">
        扩大影响力<b>扩大影响力</b>
      </div>
      <div class="j-tex">
        可以更广泛地传播社会组织的信息，吸引更多的关注和支持。这有助于扩大组织的影响力，吸引更多的资源和志愿者
      </div>
    </div>
    <div class="j-item pr0 bb0">
      <div class="j-img">
        <img alt="提高安全性" src="/Style/new/images/q9.png">
      </div>
      <div class="j-tit">
        提高安全性<b>提高安全性</b>
      </div>
      <div class="j-tex">
        可以提供更好的数据安全和隐私保护措施，确保组织的信息不受未经授权的访问和泄露
      </div>
    </div>

  </div>
</div>
<!--  益魔方数字社团3+1+N模式 为您提供社会组织数字化全域解决方案  -->
<div class="bx-content">
  <div class="moshi">
    <div class="ms-title">
      益魔方数字社团<span>3+1+N</span>模式 为您提供社会组织数字化全域<span>解决</span>方案
    </div>
    <div class="ms-tex">3大平台、1个数据驾驶舱、N个场景工具，打造一站式、一体化、数字化综合服务平台</div>
    <div class="ms-content">
      <div class="ms-item">
        <div class="ms-item-title">
          社会组织规范化治理平台
          <img alt="社会组织规范化治理平台" src="/Style/new/images/icon1.png">
        </div>
        <div class="ms-list">
          <div class="ms-box">
            <div class="ms-box-img">
              <img alt="等级评估系统" src="/Style/new/images/w1.png">
            </div>
            <a href="https://pggl.emof.cn/" target="_blank"><div class="ms-box-tit"><span>等级评估</span>系统</div></a>
            <p class="ms-box-tex">指标梳理</p>
            <p class="ms-box-tex">规范模板</p>
            <p class="ms-box-tex">要点提示</p>
          </div>
          <div class="ms-box br0">
            <div class="ms-box-img">
              <img alt="年度检查系统" src="/Style/new/images/w2.png">
            </div>
            <a href="http://tianbao.shzzpt.org.cn/shuoming/index2.html" target="_blank"><div class="ms-box-tit"><span>年度检查</span>系统</div></a>
            <p class="ms-box-tex">辅助填报</p>
            <p class="ms-box-tex">要点说明</p>
            <p class="ms-box-tex">一键服务</p>
          </div>
          <div class="ms-box bb0">
            <div class="ms-box-img">
              <img alt="党务管理系统" src="/Style/new/images/w3.png">
            </div>
            <a href="http://lhdwt.emof.cn/login" target="_blank"><div class="ms-box-tit"><span>党务管理</span>系统</div></a>
            <p class="ms-box-tex">工作流程</p>
            <p class="ms-box-tex">内容规范</p>
            <p class="ms-box-tex">模板引用</p>
          </div>
          <div class="ms-box br0 bb0">
            <div class="ms-box-img">
              <img alt="财务内控系统" src="/Style/new/images/w4.png">
            </div>
            <a href="http://cw.emof.cn/" target="_blank"><div class="ms-box-tit"><span>财务内控</span>系统</div></a>
            <p class="ms-box-tex">快捷报销</p>
            <p class="ms-box-tex">项目核算</p>
            <p class="ms-box-tex">一键开票</p>
          </div>
        </div>
      </div>
      <div class="ms-item width750">
        <div class="ms-item-title">
          社会组织标准化办公平台
          <img alt="社会组织标准化办公平台" src="/Style/new/images/icon2.png">
        </div>
        <div class="ms-list">
          <div class="ms-box width175">
            <div class="ms-box-img">
              <img alt="项目管理" src="/Style/new/images/w5.png">
            </div>
            <a href="https://prj.emof.cn/" target="_blank">
              <div class="ms-box-tit"><span>项目</span>管理</div>
            </a>
            <p class="ms-box-tex">任务精准 </p>
            <p class="ms-box-tex">监管全面</p>
            <p class="ms-box-tex">协作高效</p>
          </div>
          <div class="ms-box width175">
            <div class="ms-box-img">
              <img alt="会员管理" src="/Style/new/images/w6.png">
            </div>
            <a href="https://hygl.emof.cn/" target="_blank">
              <div class="ms-box-tit"><span>会员</span>管理</div>
            </a>
            <p class="ms-box-tex">档案管理</p>
            <p class="ms-box-tex">会费管理</p>
            <p class="ms-box-tex">全程留痕</p>
          </div>
          <div class="ms-box width175">
            <div class="ms-box-img">
              <img alt="会务管理" src="/Style/new/images/w7.png">
            </div>
            <a href="https://yhb.emof.cn/" target="_blank"><div class="ms-box-tit"><span>会务</span>管理</div></a>
            <p class="ms-box-tex">报名签到</p>
            <p class="ms-box-tex">一键拨号</p>
            <p class="ms-box-tex">留痕归档</p>
          </div>
          <div class="ms-box width175 br0">
            <div class="ms-box-img">
              <img alt="宣传管理" src="/Style/new/images/w8.png">
            </div>
            <a href="https://yxb.emof.cn/" target="_blank"><div class="ms-box-tit"><span>宣传</span>管理</div></a>
            <p class="ms-box-tex">宣传规范</p>
            <p class="ms-box-tex">即时生成</p>
            <p class="ms-box-tex">一键转发</p>
          </div>
          <div class="ms-box width175 bb0">
            <div class="ms-box-img">
              <img alt="文案管理" src="/Style/new/images/w9.png">
            </div>
            <a href="https://ysb.emof.cn/" target="_blank"><div class="ms-box-tit"><span>文案</span>管理</div></a>
            <p class="ms-box-tex">官方模板</p>
            <p class="ms-box-tex">引用范文</p>
            <p class="ms-box-tex">专业词条</p>
          </div>
          <div class="ms-box width175 bb0">
            <div class="ms-box-img">
              <img alt="专家管理" src="/Style/new/images/w10.png">
            </div>
            <a href="https://zjzk.emof.cn/" target="_blank"><div class="ms-box-tit"><span>专家</span>管理</div></a>
            <p class="ms-box-tex">详尽展示</p>
            <p class="ms-box-tex">资源对接</p>
            <p class="ms-box-tex">归类明晰</p>
          </div>
          <div class="ms-box width175 bb0">
            <div class="ms-box-img">
              <img alt="调研管理" src="/Style/new/images/w11.png">
            </div>
            <a href="https://wj.emof.cn/" target="_blank"><div class="ms-box-tit"><span>调研</span>管理</div></a>
            <p class="ms-box-tex">自定义建设</p>
            <p class="ms-box-tex">一键转发</p>
            <p class="ms-box-tex">统计分析</p>
          </div>
          <div class="ms-box width175 bb0 br0">
            <div class="ms-box-img">
              <img alt="电子书管理" src="/Style/new/images/w12.png">
            </div>
            <a href="https://dzs.emof.cn/" target="_blank"><div class="ms-box-tit"><span>电子书</span>管理</div></a>
            <p class="ms-box-tex">简单易用</p>
            <p class="ms-box-tex">轻松上手</p>
            <p class="ms-box-tex">统计分析</p>
          </div>
        </div>
      </div>
      <div class="ms-item width100">
        <div class="ms-item-title">
          社会组织职业化提升平台
          <img alt="社会组织职业化提升平台" src="/Style/new/images/icon3.png">
        </div>
        <div class="ms-list">
          <div class="ms-class">
            <div class="class-box">
              <div class="clsss-tit" id="njbox">
                <img alt="年检课堂" src="/Style/new/images/w13.png">
                年检课堂
              </div>
                            <div class="class-item">
                <div class="class-item-img">
                  <img alt="社团年检在线课堂" src="/Style/new/images/ketang1.png">
                </div>
                <div class="class-item-contet">
                  <h3><span>社团年检</span>在线课堂
                  </h3>
                  <p><i class="iconfont icontime-circle"></i>
                    共38课时 有440万人在学习</p>
                </div>
              </div>
                            <div class="class-item">
                <div class="class-item-img">
                  <img alt="民非年检在线课堂" src="/Style/new/images/ketang1.png">
                </div>
                <div class="class-item-contet">
                  <h3><span>民非年检</span>在线课堂
                  </h3>
                  <p><i class="iconfont icontime-circle"></i>
                    共16课时 有377万人在学习</p>
                </div>
              </div>
                            <div class="class-item">
                <div class="class-item-img">
                  <img alt="基金会年报在线课堂" src="/Style/new/images/ketang1.png">
                </div>
                <div class="class-item-contet">
                  <h3><span>基金会年报</span>在线课堂
                  </h3>
                  <p><i class="iconfont icontime-circle"></i>
                    共9课时 有354万人在学习</p>
                </div>
              </div>
                          </div>
            <div class="line"></div>
            <div class="class-box">
              <div class="clsss-tit" id="djbox">
                <img alt="登记课堂" src="/Style/new/images/w14.png">
                登记课堂
              </div>
                            <div class="class-item">
                <div class="class-item-img">
                  <img alt="社团登记" src="/Style/new/images/ketang1.png">
                </div>
                <div class="class-item-contet">
                  <h3><span>社团登记</span>在线课堂
                  </h3>
                  <p><i class="iconfont icontime-circle"></i>
                    共8课时 有169万人在学习</p>
                </div>
              </div>
                            <div class="class-item">
                <div class="class-item-img">
                  <img alt="民非登记" src="/Style/new/images/ketang1.png">
                </div>
                <div class="class-item-contet">
                  <h3><span>民非登记</span>在线课堂
                  </h3>
                  <p><i class="iconfont icontime-circle"></i>
                    共1课时 有142万人在学习</p>
                </div>
              </div>
                            <div class="class-item">
                <div class="class-item-img">
                  <img alt="基金会登记" src="/Style/new/images/ketang1.png">
                </div>
                <div class="class-item-contet">
                  <h3><span>基金会登记</span>在线课堂
                  </h3>
                  <p><i class="iconfont icontime-circle"></i>
                    共4课时 有143万人在学习</p>
                </div>
              </div>
                          </div>
            <div class="line"></div>
            <div class="class-box">
              <div class="clsss-tit" id="hjbox">
                <img alt="换届课堂" src="/Style/new/images/w15.png">
                换届课堂
              </div>
                            <div class="class-item">
                <div class="class-item-img">
                  <img alt="社团换届" src="/Style/new/images/ketang1.png">
                </div>
                <div class="class-item-contet">
                  <h3><span>社团换届</span>在线课堂
                  </h3>
                  <p><i class="iconfont icontime-circle"></i>
                    共9课时 有437万人在学习</p>
                </div>
              </div>
                            <div class="class-item">
                <div class="class-item-img">
                  <img alt="换届实操" src="/Style/new/images/ketang1.png">
                </div>
                <div class="class-item-contet">
                  <h3><span>换届实操</span>在线课堂
                  </h3>
                  <p><i class="iconfont icontime-circle"></i>
                    共11课时 有499万人在学习</p>
                </div>
              </div>
                          </div>
            <div class="line"></div>
            <div class="class-box">
              <div class="clsss-tit" id="pgbox">
                <img alt="评估课堂" src="/Style/new/images/w16.png">
                评估课堂
              </div>
                            <div class="class-item">
                <div class="class-item-img">
                  <img alt="基金会评估" src="/Style/new/images/ketang1.png">
                </div>
                <div class="class-item-contet">
                  <h3><span>基金会评估</span>在线课堂
                  </h3>
                  <p><i class="iconfont icontime-circle"></i>
                    共14课时/ 有362万人在学习</p>
                </div>
              </div>
                            <div class="class-item">
                <div class="class-item-img">
                  <img alt="民非评估" src="/Style/new/images/ketang1.png">
                </div>
                <div class="class-item-contet">
                  <h3><span>民非评估</span>在线课堂
                  </h3>
                  <p><i class="iconfont icontime-circle"></i>
                    共12课时/ 有349万人在学习</p>
                </div>
              </div>
                            <div class="class-item">
                <div class="class-item-img">
                  <img alt="社团评估" src="/Style/new/images/ketang1.png">
                </div>
                <div class="class-item-contet">
                  <h3><span>社团评估</span>在线课堂
                  </h3>
                  <p><i class="iconfont icontime-circle"></i>
                    共27课时/ 有371万人在学习</p>
                </div>
              </div>
                          </div>
          </div>
          <div class="ms-line"></div>
          <div class="ms-tit-box">
            <div class="clsss-tit">
              <img alt="统战课堂" src="/Style/new/images/w17.png">
              统战课堂
            </div>
            <div class="linetwo"></div>
            <div class="clsss-tit">
              <img alt="系列课堂" src="/Style/new/images/w18.png">
              系列课堂
            </div>
            <div class="linetwo"></div>
            <div class="clsss-tit">
              <img alt="在线教育" src="/Style/new/images/w19.png">
              在线教育
            </div>
            <div class="linetwo"></div>
            <div class="clsss-tit">
              <img alt="职工匠师讲堂" src="/Style/new/images/w20.png">
              职工匠师讲堂
            </div>
            <div class="linetwo"></div>
            <div class="clsss-tit">
              <img alt="公益讲堂" src="/Style/new/images/w21.png">
              公益讲堂
            </div>
          </div>
        </div>
      </div>
      <div class="ms-item width100">
        <div class="ms-item-title">
          数据驾驶舱
          <img alt="数据驾驶舱" src="/Style/new/images/icon4.png">
        </div>
        <div class="ms-show">
          <img alt="数据驾驶舱" src="/Style/new/images/w22.png">
        </div>
      </div>
    </div>
  </div>
</div>
<!--  益魔方数字社团赋能社会组织高效发展  -->
<div class="shiy">
  <div class="bx-content">
    <div class="ms-title">
      益魔方数字社团<span>赋能</span>社会组织高效发展
    </div>
    <div class="ms-tex">让商协会良性发展，让会员真正满意</div>
  </div>
  <div class="shiy-box">
    <div class="left"></div>
    <div class="right"></div>
    <div class="bx-content">
      <div class="sytop">
        <img alt="益魔方数字社团赋能社会组织高效发展" src="/Style/new/images/shiyongqianhou.png">
        <div class="sy-tex">
          <div class="top">
            <p>打印入会申请</p>
            <p>线下沟通审核</p>
            <p>纸质文档管理</p>
            <p>会费电话催缴</p>
            <p>纸质名片印发</p>
            <p>微信组织活动</p>
            <p>会员管理复杂</p>
            <p>审批流程繁琐</p>
            <p>管理机制僵化</p>
            <p>管理效率低下</p>
            <p>信息传递缓慢</p>
            <p>服务感微弱</p>
          </div>
          <div class="zhan"></div>
          <div class="end">
            <p>在线入会申请</p>
            <p>在线审批提醒</p>
            <p>电子文档管理</p>
            <p>在线缴费通知</p>
            <p>专属电子名片</p>
            <p>在线活动发布</p>
            <p>在线管理会员</p>
            <p>一键进行审批</p>
            <p>管理方便灵活</p>
            <p>管理效率高效</p>
            <p>信息传递及时</p>
            <p>服务感加强</p>
          </div>
        </div>
      </div>
      <div class="syend">
        <div>
          <h3>
            指尖上的<span>秘书处</span>
          </h3>
          <p><img alt="管理效率提升，管理方式更轻盈" src="/Style/new/images/shangjiantou.png">管理效率提升，管理方式更轻盈</p>
          <p><img alt="会员粘性更强，服务感知提升" src="/Style/new/images/shangjiantou.png">会员粘性更强，服务感知提升</p>
          <p><img alt="活动开展便捷，会员资料数字化" src="/Style/new/images/shangjiantou.png">活动开展便捷，会员资料数字化</p>
          <p><img alt="消息通知触达高，通知更快速" src="/Style/new/images/shangjiantou.png">消息通知触达高，通知更快速</p>
        </div>
        <div>
          <h3>
            会员单位的<span>办公平台</span>
          </h3>
          <p><img alt="平台管理，更易对接资源" src="/Style/new/images/duigou.png">平台管理，更易对接资源</p>
          <p><img alt="了解会内动态，更加方便" src="/Style/new/images/duigou.png">了解会内动态，更加方便</p>
          <p><img alt="高效协同、有效沟通、共同成长" src="/Style/new/images/duigou.png">高效协同、有效沟通、共同成长</p>
          <p><img alt="更高参与感、存在感、归属感" src="/Style/new/images/duigou.png">更高参与感、存在感、归属感</p>
        </div>
      </div>
    </div>
  </div>
</div>
<!--  1000+组织为益魔方数字社团综合服务平台见证  -->
<div class="hezuo">
  <div class="bx-content">
    <div class="ms-title">
      <span>1000+</span>组织为益魔方数字社团综合服务平台见证
    </div>
    <div class="ms-tex">涵盖 党政部门、人民团体、社会组织、企业会员等</div>
    <div class="hz-list">
      <div>
        <img alt="北京市政府采购中心" src="/Style/new/images/e1.png">
        <p>北京市政府采购中心</p>
      </div>
      <div>
        <img alt="北京市工商联" src="/Style/new/images/e2.png">
        <p>北京市工商联</p>
      </div>
      <div>
        <img alt="北京市民政局" src="/Style/new/images/e3.png">
        <p>北京市民政局</p>
      </div>
      <div>
        <img alt="北京市统战部" src="/Style/new/images/e4.png">
        <p>北京市统战部</p>
      </div>
      <div>
        <img alt="燕山民政局" src="/Style/new/images/e3.png">
        <p>燕山民政局</p>
      </div>
      <div>
        <img alt="北京市交管局" src="/Style/new/images/e5.png">
        <p>北京市交管局</p>
      </div>
      <div>
        <img alt="中关村管委会" src="/Style/new/images/e66.png">
        <p>中关村管委会</p>
      </div>
      <div>
        <p>燕山</p>
        <p>改革发展委员会</p>
      </div>
      <div>
        <p>什刹海</p>
        <p>街道办事处</p>
      </div>
      <div>
        <p>白纸坊</p>
        <p>街道办事处</p>
      </div>
    </div>
    <div class="hz-list2">
      <div>
        <img alt="中国科协" src="/Style/new/images/e7.png">
        <p>中国科协</p>
      </div>
      <div>
        <img alt="北京市科协" src="/Style/new/images/e8.png">
        <p>北京市科协</p>
      </div>
      <div>
        <img alt="中关村社会组织联合会" src="/Style/new/images/e6.png">
        <p>中关村社会组织联合会</p>
      </div>
      <div class="bg">
        <img alt="中国移动" src="/Style/new/images/e9.png">
        <p>中国移动</p>
      </div>
      <div class="bg">
        <img alt="同仁堂" src="/Style/new/images/e10.png">
        <p>同仁堂</p>
      </div>
      <div class="bg">
        <img alt="雀巢咖啡" src="/Style/new/images/e11.png">
        <p>雀巢咖啡</p>
      </div>

    </div>
  </div>

</div>
<!--  8大安全策略保障 为您的数据保驾护航  -->
<div class="huhang">
  <div class="bx-content">
    <div class="ms-title">
      <span>8大</span>安全策略保障 为您的数据保驾护航
    </div>
    <div class="ms-tex">优秀的技术研发团队，打造安全稳定可用的系统</div>
    <div class="hh-list">
      <div>
        <div>
          <img alt="安全稳定" src="/Style/new/images/r1.png">
        </div>
        <p>安全稳定</p>
      </div>
      <div>
        <div>
          <img alt="极致体验" src="/Style/new/images/r2.png">
        </div>
        <p>极致体验</p>
      </div>
      <div>
        <div>
          <img alt="数据安全" src="/Style/new/images/r3.png">
        </div>
        <p>数据安全</p>
      </div>
      <div>
        <div>
          <img alt="智能高效" src="/Style/new/images/r4.png">
        </div>
        <p>智能高效</p>
      </div>
      <div>
        <div>
          <img alt="可靠备份" src="/Style/new/images/r5.png">
        </div>
        <p>可靠备份</p>
      </div>
      <div>
        <div>
          <img alt="安全防护" src="/Style/new/images/r6.png">
        </div>
        <p>安全防护</p>
      </div>
      <div>
        <div>
          <img alt="身份验证" src="/Style/new/images/r7.png">
        </div>
        <p>身份验证</p>
      </div>
      <div>
        <div>
          <img alt="访问控制" src="/Style/new/images/r8.png">
        </div>
        <p>访问控制</p>
      </div>
    </div>
  </div>
</div>
<!--  30+资质证书，强有力的技术实力保障  -->
<div class="hezuo" style="background: #FFFFFF;">
  <div class="bx-content">
    <div class="ms-title">
      <span>30+</span>资质证书，强有力的技术实力保障
    </div>
    <div class="ms-tex">国家高新、中关村高新、ICP许可证以及近30多个软著证书</div>
    <div id="certify">
      <div class="swiper-container">
        <div class="swiper-wrapper" id="htp">
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about1.png" src="/Style/new/images/about1.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about2.png" src="/Style/new/images/about2.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about3.png" src="/Style/new/images/about3.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about4.png" src="/Style/new/images/about4.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about5.png" src="/Style/new/images/about5.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about6.png" src="/Style/new/images/about6.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about7.png" src="/Style/new/images/about7.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about8.png" src="/Style/new/images/about8.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about9.png" src="/Style/new/images/about9.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about10.png" src="/Style/new/images/about10.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about11.png" src="/Style/new/images/about11.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about12.png" src="/Style/new/images/about12.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about13.png" src="/Style/new/images/about13.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about14.png" src="/Style/new/images/about14.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about15.png" src="/Style/new/images/about15.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about16.png" src="/Style/new/images/about16.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about17.png" src="/Style/new/images/about17.png" /></div>
          <div class="swiper-slide"><img alt="国家高新、中关村高新、ICP许可证以及近30多个软著证书" layer-src="/Style/new/images/about18.jpg" src="/Style/new/images/about18.jpg" /></div>
        </div>
      </div>
      <div class="swiper-button-prev"></div>
      <div class="swiper-button-next"></div>
    </div>
  </div>
</div>
<!--  资讯中心  -->
<div class="hezuo">
  <div class="bx-content">
    <div class="ms-title">
      <span>资讯</span>中心
    </div>

    <div class="zx-list" id="information">
            <div class="zx-item">
        <div class="zx-img">
          <img src="http://www.emof.cn/upload/thumb/20240910/93db63757e343444544ebdc66de7240e.png" alt="数字化转型助力社会组织发展， 益魔方助您打造一站式综合服务平台">
        </div>
        <div class="zx-cont">
          <div class="zx-tit ovHide">数字化转型助力社会组织发展， 益魔方助您打造一站式综合服务平台</div>
          <div class="zx-tex ovHide2">随着科技的快速发展和互联网的普及，数字化转型已经成为社会组织发展的关键之路。为了满足社会组织规范化、标准化、数字化建设的需求，益魔方社会组织数字化平台应运而生。</div>
        <div class="zx-time">
            <span>2023-10-28</span>
            <a href="/index.php/home/Index/informationDetail?id=22" class="zx-a">
              查看详情 →
            </a>
          </div>
        </div>
      </div>
            <div class="zx-item">
        <div class="zx-img">
          <img src="http://www.emof.cn/upload/thumb/20240910/67dc7825201dfc863081cdae59561140.png" alt=" 数字化建设，社会组织的智慧之选">
        </div>
        <div class="zx-cont">
          <div class="zx-tit ovHide"> 数字化建设，社会组织的智慧之选</div>
          <div class="zx-tex ovHide2">当谈到社会组织数字化建设时，益魔方社会组织数字化平台无疑是一个闪耀的典范。作为一个专注于社会组织规范化、标准化、数字化建设的综合服务平台，益魔方以其独特的模型和多元化的服务，正为社会组织的发展注入新的活力。</div>
        <div class="zx-time">
            <span>2023-10-26</span>
            <a href="/index.php/home/Index/informationDetail?id=18" class="zx-a">
              查看详情 →
            </a>
          </div>
        </div>
      </div>
            <div class="zx-item">
        <div class="zx-img">
          <img src="http://www.emof.cn/upload/thumb/20240910/931087a9083a865615250c1956181ddd.png" alt="益魔方：引领社会组织数字化建设的革命">
        </div>
        <div class="zx-cont">
          <div class="zx-tit ovHide">益魔方：引领社会组织数字化建设的革命</div>
          <div class="zx-tex ovHide2">在当今数字化时代，社会组织需要适应快速变化的环境，提高效率，扩大影响力，同时更好地实现其使命和目标。益魔方社会组织数字化平台正是应运而生，它是一个综合服务平台，致力于推动社会组织规范化、标准化、数字化建设，以构建基于数据共享的场景化社会组织服务生态系统。</div>
        <div class="zx-time">
            <span>2023-10-26</span>
            <a href="/index.php/home/Index/informationDetail?id=17" class="zx-a">
              查看详情 →
            </a>
          </div>
        </div>
      </div>
            <div class="zx-item">
        <div class="zx-img">
          <img src="http://www.emof.cn/upload/thumb/20240910/d7290339054e07a04ea2bef5f80e28b6.png" alt="引领数字化变革，益魔方平台助您打造数字化组织新时代">
        </div>
        <div class="zx-cont">
          <div class="zx-tit ovHide">引领数字化变革，益魔方平台助您打造数字化组织新时代</div>
          <div class="zx-tex ovHide2">益魔方社会组织数字化平台采用了社会组织规范化建设平台、社会组织标准化办公平台、社会组织职业化提升平台的3大平台、1个数据驾驶舱和多个场景工具的3+1+N模式，使您的组织能够全面提升工作效率和服务质量。</div>
        <div class="zx-time">
            <span>2023-10-19</span>
            <a href="/index.php/home/Index/informationDetail?id=24" class="zx-a">
              查看详情 →
            </a>
          </div>
        </div>
      </div>
            <div class="zx-item">
        <div class="zx-img">
          <img src="http://www.emof.cn/upload/thumb/20240910/cd233c526a83c8f1b99bc40f76132adb.png" alt="数字化时代的领航者：益魔方平台助力数字组织实现规范化与创新">
        </div>
        <div class="zx-cont">
          <div class="zx-tit ovHide">数字化时代的领航者：益魔方平台助力数字组织实现规范化与创新</div>
          <div class="zx-tex ovHide2">数字组织正在成为现代社会发展的新趋势，它们依托数字技术和互联网平台，有效整合资源、提升效率、推动创新。</div>
        <div class="zx-time">
            <span>2023-10-18</span>
            <a href="/index.php/home/Index/informationDetail?id=23" class="zx-a">
              查看详情 →
            </a>
          </div>
        </div>
      </div>
            <div class="zx-item">
        <div class="zx-img">
          <img src="http://www.emof.cn/upload/thumb/20240910/523473d5fb033fed3ee2d6c48f9e607d.png" alt="数字化转型：益魔方助力社会组织高质量发展的秘密武器">
        </div>
        <div class="zx-cont">
          <div class="zx-tit ovHide">数字化转型：益魔方助力社会组织高质量发展的秘密武器</div>
          <div class="zx-tex ovHide2">随着社会变革的不断加速，社会组织的角色变得愈加重要，其服务影响着社会的方方面面。然而，社会组织在追求高质量发展的过程中，面临着众多挑战，如规范化治理、高效管理、职业化提升等。幸运的是，数字化转型组织为社会组织带来了新的机遇，而益魔方社会组织数字化平台正努力成为这一变革中的引领者，通过独特的3+1+N模式，赋能社会组织，提升整体能力。</div>
        <div class="zx-time">
            <span>2023-10-15</span>
            <a href="/index.php/home/Index/informationDetail?id=56" class="zx-a">
              查看详情 →
            </a>
          </div>
        </div>
      </div>
          </div>

    <div class="more">
      <a class="zx-more" href="information.html">
        更多 >>
      </a>
    </div>

  </div>
</div>
<!--  预约试用  -->
<div id="reservation"><!-- 遮罩层 -->
<div class="mask"></div>
<!-- 预约 -->
<div class="yuyueBox">
  <div class="yuyue-title">
<!--    <img class="yuyue-icon" src="..//Style/new/images/yuyue2.png" alt="">-->
    <p>申请试用</p>
    <img class="cha" src="/Style/new/images/cha.png" alt="">
  </div>
  <div class="yuyue-inp">
    <span>机构</span><input type="text" id="applyOrgName" placeholder="请输入您所在机构名称">
  </div>
  <div class="yuyue-inp">
    <span>姓名</span><input type="text" id="applyLinkName" placeholder="请输入您的真实姓名">
  </div>
  <div class="yuyue-inp">
    <span>电话</span><input type="number" id="applyLinkPhone" placeholder="请输入您联系电话">
  </div>
<!--  <div class="yuyue-inpa">-->
<!--    <span>留言</span><textarea name="" id="liuy" cols="30" rows="10" placeholder="请输入留言内容"></textarea>-->
<!--  </div>-->
  <div class="yuyue-btn">
    <button id="sub" onclick="postApplyForTryUse()">提交</button>
  </div>
</div>
<!-- 成功弹框 -->
<div class="yuyue-success">
  <div>
    <img class="chaA" src="/Style/new/images/cha.png" alt="">
  </div>
</div>
</div>
<!-- 浮窗 -->
<div class="fuc">
  <div class="zhanlue">
    <div class="fuc-boxA">售前咨询</div>
    <img src="/Style/new/images/shouqian.png" class="zltel" alt="">
  </div>
  <div class="zhanlue">
    <div class="fuc-boxA">售后服务</div>
    <img src="/Style/new/images/shouhou.png" class="zltel" alt="">
  </div>
  <div class="zhanlue">
    <div class="fuc-boxA">战略合作</div>
    <img src="/Style/new/images/zhanlue.png" class="zltel" alt="">
  </div>
  <div class="fuc-boxB">
    <img class="small" src="/Style/new/images/fcrwm.png" alt="">
    <div class="big">
      <img class="" src="/Style/new/images/gongzhonghao.png" alt="">
    </div>
  </div>
  <a onclick="pageScroll()" class="fuc-boxC">返回顶部</a>
</div>
<!--  底部  -->
<div class="footer-warpper"><div class="bx-content">
  <div class="f-top">
    <div class="d1">
      <h3>关于益魔方</h3>
      <p>益魔方 一个致力于社会组织规范化、标准化、数字化建设的综合服务平台，打造基于数据共享的社会组织场景化服务生态系统</p>
      <p class="margin-top-xs">
        益魔方平台是易魔方科技集团“十年磨一剑”，依托“互联网+社会服务”的N11技术框架模型，为社会组织全域人员研发的基于党务、项目、会员、会务、文案、财务、专家、宣传等工作场景的一站式、一体化、数字化的综合服务平台。
        益魔方通过3大平台、1个数据驾驶舱、N个场景工具的3+1+N模式，提升社会组织的整体能力，赋能社会组织高质量发展。
      </p>
    </div>
    <div class="d2">
      <img src="/Style/new/images/footlogo.png" alt="">
      <a href="https://www.emof.net/" target="_blank" style="">了解易魔方科技集团</a>
    </div>
  </div>
<!--  <div class="about">-->
<!--  </div>-->
  <div class="line"></div>
  <div class="cen">
    <div class="left">
      <div class="cp">
        <b>产 <i></i> 品</b>
        <p class="cahp">
          <a target="_blank" href="https://prj.emof.cn/" style="padding-left: 40px;width: 158px;">协同办公系统</a>
          <a target="_blank" href="https://hygl.emof.cn/">会员管理系统</a>
          <a target="_blank" href="https://yhb.emof.cn/">会务管理系统</a>
          <a target="_blank" href="https://yxb.emof.cn/">宣传推广系统</a>
          <a target="_blank" href="https://ysb.emof.cn/">文案书写系统</a>
          <a target="_blank" href="https://zjzk.emof.cn/" style="padding-left: 40px;width: 158px;">专家智库系统</a>
          <a target="_blank" href="http://zsgl.emof.cn/">知识管理系统</a>
          <a target="_blank" href="https://wj.emof.cn/">调研分析系统</a>
          <a target="_blank" href="http://zzjz.emof.cn/login">官网管理系统</a>
          <a target="_blank" href="https://dzs.emof.cn/">电子书制作系统</a>
        </p>
      </div>
      <div class="cp" style="margin-top: -15px;">
        <b class="ml">案 <i></i> 例</b>
        <p class="al mr">
          <a href="/index.php/home/Index/cases#mode1">数字党务</a>
          <i></i>
          <a href="/index.php/home/Index/cases#mode2">数字政务</a>
          <i></i>
          <a href="/index.php/home/Index/cases#mode3">数字社团</a>
          <i></i>
          <a href="/index.php/home/Index/cases#mode4">数字社区</a>
          <i></i>
          <a href="/index.php/home/Index/cases#mode5">数字养老</a>
          <i></i>
          <a href="/index.php/home/Index/cases#mode6">其他案例</a>
        </p>
      </div>
      <div class="cp">
        <b class="ml">联系我们</b>
        <p class="al">
          <a href="javascript:;"><img src="/Style/new/images/emof.png" alt="客服">emof@emof.cn</a>
          <i></i>
          <a href="javascript:;"><img src="/Style/new/images/kefu.png" alt="邮箱">400-999-6541</a>
          <i></i>
          <a href="javascript:;"><img src="/Style/new/images/dianhua.png" alt="电话">13121702211（任老师） </a>
        </p>
      </div>
    </div>
    <div class="line"></div>
    <div class="right">
      <div class="code-box flex align-center justify-between">
        <div>
          <img src="/Style/new/images/1.png" alt="微信公众号二维码" style="border-radius: 8px;">
          <p>扫描关注 益魔方</p>
        </div>
        <div class="">
          <img src="/Style/new/images/b.png" alt="微信二维码" style="border-radius: 8px;">
          <p>扫描立刻进行沟通</p>
        </div>
      </div>
    </div>
  </div>

</div>
<div class="end">
  Copyright © 2005-2024 emof.net 备案号:
  <a href="https://beian.miit.gov.cn/" target="_blank">京ICP备15038897号-3</a>
  <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802038214" target="_blank"
     class="margin-lr-xs">
    <img src="/Style/new/images/gongan.png" alt="公安备案号">公安备案号：11010802038214</a>
  <a href="https://www.emof.net" target="_blank">北京易魔方科技集团有限公司</a> 版权所有
</div>
<script src="/Style/new/lib/jquery-2.1.4.min.js"></script>
<script>
$(function () {
    // 弹窗关闭
    $("body").on("click",".cha",function () {
        $(".mask").hide();
        $(".yuyueBox").hide();
    })
    // 提交成功弹窗关闭
    $("body").on("click",".chaA",function () {
        $(".mask").hide();
        $(".yuyue-success").hide();
    })
    // 弹窗开启
    $("body").on("click",".yuyue",function () {
        $(".mask").show();
        $(".yuyueBox").show();
    })
})
// 提交申请试用的数据
function postApplyForTryUse() {

  let applyOrgName = $("#applyOrgName").val()
  if (!applyOrgName) {
      layer.msg("请输入机构名称");
      return false;
  }
  let applyLinkName = $("#applyLinkName").val()
  if (!applyLinkName) {
      layer.msg("请输入联系人");
      return false;
  }
  let applyLinkPhone = $("#applyLinkPhone").val()
  // phoneReg = /^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(17[0]{1})|(18[0-9]{1}))+\d{8})$/;
  phoneReg = /^1[3-9][0-9]\d{8}$/;
  if (!phoneReg.test(applyLinkPhone)) {
      layer.msg("您的手机号有误，请核对~");
      return false;
  }

  $.post('https://www.emof.cn/index.php/home/login/organizationApply',
      {organizationName: applyOrgName, contactsPeople: applyLinkName, contactsPhone: applyLinkPhone, laiyuan: '益魔方平台'},
      function (re) {
          layer.msg(re.msg);
          $("#applyOrgName").val("")
          $("#applyLinkName").val("")
          $("#applyLinkPhone").val("")
          setTimeout(function () {
              // $(".dialog-mask").css('display', 'none');   // 关闭申请试用窗口
              $(".mask").hide();
              $(".yuyue-success").hide();
              $(".yuyueBox").hide();
          }, 1000);
      }
  );
}
</script>
</div>
</body>
<script src="/Style/new/lib/jquery-2.1.4.min.js"></script>
<script src="/Style/new/lib/swiper-bundle.min.js"></script>
<script src="/Style/new/lib/layer/layer.js"></script>
<script src="/Style/new/js/common.js"></script>
<script src="/Style/new/js/index.js"></script>
<script>
  $(function () {
    // $('#reservation').load('common/reservation.html',function () {})
    // $('.pate-header').load('common/header.html',function () {
    //   $('.pate-header .nav a:eq(0)').addClass('active')
    // })
    // $('.footer-warpper').load('common/footer.html',function () {})
    layer.photos({
      photos: '#certify'
      ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
    });

    // getKet()
    // notice(1,6)
    var mySwiper1 = new Swiper('.listbanner', {
        loop: true, // 循环模式选项
        autoplay: {
          delay: 3000,
          stopOnLastSlide: false,
          disableOnInteraction: true,
        },
        // 如果需要分页器
        pagination: {
          el: '.listbanner-pagination',
          clickable: true,
        },

      })
    // information(1,6)

    var certifySwiper = new Swiper('#certify .swiper-container', {
      watchSlidesProgress: true,
      slidesPerView: 'auto',
      centeredSlides: true,
      loop: true,
      loopedSlides: 17,
      autoplay: true,
      navigation: {
        nextEl: '#certify .swiper-button-next',
        prevEl: '#certify .swiper-button-prev',
      },
      on: {
        progress: function(progress) {
          for (i = 0; i < this.slides.length; i++) {
            var slide = this.slides.eq(i);
            var slideProgress = this.slides[i].progress;
            modify = 1;
            if (Math.abs(slideProgress) > 1) {
              modify = (Math.abs(slideProgress) - 1) * 0.3 + 1;
            }
            translate = slideProgress * modify * 68 + 'px';
              scale = 1 - Math.abs(slideProgress) / 5;
            zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
            slide.transform('translateX(' + translate + ') scale(' + scale + ')');
            slide.css('zIndex', zIndex);
            slide.css('opacity', 1);
            if (Math.abs(slideProgress) > 5) {
              slide.css('opacity', 0);
            }
          }
        },
        setTransition: function(transition) {
          for (var i = 0; i < this.slides.length; i++) {
            var slide = this.slides.eq(i)
            slide.transition(transition);
          }

        }
      }

    })
    var mySwiper = new Swiper('.bigbanner', {
      direction: 'horizontal', // 水平切换选项
      loop: true, // 循环模式选项
      autoplay: {
        delay: 5000,
        stopOnLastSlide: false,
        disableOnInteraction: true,
      },
      // 如果需要分页器
      pagination: {
        el: '.bigbanner-pagination',
        clickable: true,
      },

    })

  })

  function pageScroll() {
//把内容滚动指定的像素数（第一个参数是向右滚动的像素数，第二个参数是向下滚动的像素数）
    window.scrollBy(0, -100);
//延时递归调用，模拟滚动向上效果
    scrolldelay = setTimeout('pageScroll()', 10);
//获取scrollTop值，声明了DTD的标准网页取document.documentElement.scrollTop，否则取document.body.scrollTop；因为二者只有一个会生效，另一个就恒为0，所以取和值可以得到网页的真正的scrollTop值
    var sTop = document.documentElement.scrollTop + document.body.scrollTop;
//判断当页面到达顶部，取消延时代码（否则页面滚动到顶部会无法再向下正常浏览页面）
    if (sTop == 0) clearTimeout(scrolldelay);
  }
</script>
</html>
